<template>
    <div class="footer">
        {{word}}
    </div>
</template>

<script>
    export default {
        name: 'Footer',
        data() {
            return {
                word: '',
                wordList: [
                    '愿你的生命有够多的云翳，造成一个美丽的黄昏。',
                    '半山腰总是拥挤的，你要去山顶看看。',
                    '一个人彻悟的程度，恰等于他所受痛苦的深度。',
                    '去的尽管去了，来的尽管来着，去来的中间，又怎样地匆匆呢?',
                    '每一种热爱，都值得全力以赴。',
                    '没有什么比时间更具有说服力了，因为时间无需通知我们就可以改变一切。',
                    '生而无畏，人类的最高品质便是勇气。',
                    '少年心怀乌托邦，心仍向阳肆生长。',
                    '平静的大海培养不出优秀的水手。',
                    '垂下的头颅只是为了让思想扬起，你若有一个不屈的灵魂，脚下就会有一片坚实的土地。',
                ],
            }
        },
        methods: {
            getWord() {
                this.word = this.wordList[Math.floor(Math.random() * this.wordList.length)];
            },
        },
        watch: {
            $route() {
                this.getWord();
            }
        },
    }
</script>

<style scoped>
    .footer {
        text-align: center;
        line-height: 50px;
        font-size: 16px;
        background-color: #D2691E;
        height: 50px;
        color: #fff;
    }
</style>